/* 清除css样式 */
*{
    margin: 0px;
    padding: 0px;
}
.miHeader{
    width: 100%;
    height: 120px;
    background-color: #ff6700;
    background-position: 50%;
    background-size: auto 120;
}
/* 小米导航栏 */
/* 小米导航栏开始 */
.miMuen{
    width: 100%;
    height: 40px;
    background-color: #333333;
}

.cen{
    width: 1226px;
    height: 100%;
    border: 1px solid #e0e0e0;
    margin: 0px auto;
}

ul li{
    list-style: none;
}
.dh_left li{
    float: left;
    line-height: 40px;
}
.dh_left li a,.dh_right a{
 font-size: 12px;
 color: #b0b0b0;;
 text-decoration: none;
}
.dh_left a:hover{
    color: #ffffff;
}
.dh_left span,.dh_right span{
    font-size: 10px;
    color: #424242;
    margin-left: 7px;
    margin-right: 7px;
}
.dh_right li{
    float: right;
    line-height: 40px;

}
.shop{
    height: 40px;
    width: 120px;
    background-color: #424242;
    text-align: center;
    margin-left: 20px;
}
.shop :hover{
    color: #ff6700;
    background-color: #ffffff;
}
.shop i{
    color:#b0b0b0;
    font-size: 18px;
    line-height: 5px;
    margin-right: 2px;
}
/* 小米导航栏结束 */

/* 搜索栏布局 */
.miSearch{
    height: 100px;
    width: 100%;
}
.search_left{
    height: 100px;
    width: 850px;
    float: left;
}
.search_left .searchLogo{
    margin-left: 0px;
    margin-top: 20px;
}
.search_left li{
    float: left;
    line-height: 100px;
    margin-left: 30px;
}
.search_left a{
    font-size: 15px;
    color: #333333;
    text-decoration: none;
}
.search_right  {
    float:right;
    line-height: 100px;

}
.find {
    width: 150px;
    height: 30px;
    border: 1px solid #e0e0e0;
    position: relative;
    left: 5px;
}
.findsub{
    height: 31px;
    width: 35px;
    border: 1px solid #e0e0e0;
    background-color: #ffffff;
    
}

/* 轮播图效果 */
.Lunbotu {
    width: 100%;
    height: 460px;
}
.lbt{
    width: 100%;
    height: 460px;
    background-image: url(https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/143ceae1731ac47fe7fa68dde2978bdc.jpg?thumb=1&w=1533&h=575&f=webp&q=90);
    animation: 15s sxt infinite;

}
/* 动画 */
@keyframes sxt{
    0%{background-image: url(https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/143ceae1731ac47fe7fa68dde2978bdc.jpg?thumb=1&w=1533&h=575&f=webp&q=90);}
    25%{background-image: url(https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/987c34b474be111ba87f0321082eb2f3.jpg?thumb=1&w=1533&h=575&f=webp&q=90);}
    50%{background-image: url(https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/987c34b474be111ba87f0321082eb2f3.jpg?thumb=1&w=1533&h=575&f=webp&q=90);}
    75%{background-image: url(https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/143ceae1731ac47fe7fa68dde2978bdc.jpg?thumb=1&w=1533&h=575&f=webp&q=90);}
    100%{ background-image: url(https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/143ceae1731ac47fe7fa68dde2978bdc.jpg?thumb=1&w=1533&h=575&f=webp&q=90);}
}

/* 滑动栏效果 */
.hdl{
    width: 234px;
    height: 460px;
    background-color: rgba(105, 101,101, 0.6);
    position:absolute;
    top: 0px;
    left: 147px;
}
.Lunbotu{
    position: relative;
}
.hdl li{
    width: 234px;
    height:46px;
    line-height: 42px;

}
.hdl  a{
    color:#ffffff;  
    font-size: 12px;
    text-decoration: none;
    margin-left: 20px;
}
.hdl li:hover{
    background-color: #ff6700;
}
.hdl i{
    float: right;
    margin-left: 20px;
    color: #e0e0e0;
}
.goodsInfomation{
    height: 170px;
    width: 100%;
    margin-top: 16px;
}

.goodsInfomation .good_div1{
    width: 234px;
    height: 170px;
    background-color: #5f5750;
    float: left;
}
.goodsInfomation .good_div{
    width: 319px;
    height: 170px;
    overflow: auto;
    float: left;
    margin-left: 9px;
}
.good_div img{
    width: 100%;
}
.goodsInfomation li{
    float: left;
    margin-right: 10px;
    border:1px solid ;
    margin-top: 52px;
    margin-bottom: 16px;
    text-align: center;
    
}
/* 商品详情 */
.mi6{
    width: 100%;
    height: 1059px;
    background-color: #f5f5f5;
    margin-top: 65px;
}

.shouji{
    height: 500px;
    width: 100%;
}
.shouji h2{
    font-size: 20px;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    margin-top: 12px;
}

.shouji div{
    float: left;
}
.shouji div1{
    width: 250px;
    height: 100%;
    border: solid #333333;
}
.shouji div2{
    width: 800px;
    height: 100%;
    border: solid #333333;
    float: right;
}

.shouji li{
    width: 235px;
    height:300px;
    float: left;
    text-align: center;
    margin-left: 10px;
    margin-bottom: 10px;
    /* border:  1px solid #424242; */
    background-color: #fff;
}
.shouji a{
    color:#333333;  
    font-size: 12px;
    text-decoration: none;
    margin-left: 20px;
   
}